/**
 * @license
 * Copyright 2019 Google LLC. All Rights Reserved.
 * SPDX-License-Identifier: Apache-2.0
 */

@use 'sass:meta'; // To enable @use via meta.load-css and keep comments in order

/* [START maps_store_locator] */
@include meta.load-css(
  // TODO https://github.com/sass/dart-sass/issues/1033
  "../../shared/scss/sidebar.scss",
  $with: ("sidebar-flex-basis": 5rem)
);
@include meta.load-css("../../shared/scss/material-design-theme.scss");

#sidebar {
  flex-basis: 5rem; // override the default sidebar basis
  flex-direction: column;
}

#search,
.mdc-card {
  margin-bottom: 1rem;
}

#search {
  display: flex;
  align-items: center;

  .mdc-icon-button,
  .mdc-text-field {
    margin: 0 0.1rem 0 0;
  }

  .mdc-icon-button {
    color: var(--mdc-theme-primary);
  }

  .mdc-text-field {
    flex-grow: 1;
  }
}

#cards {
  height: calc(100% - 56px);
  overflow: scroll;
}

#card-body,
#card-header {
  padding: 0 1rem;
}

/* [END maps_store_locator] */